// 餐桌旁的提示信息框
var x = getPageInfo()
var kuang = document.createElement('div')

    kuang.style.position = 'absolute'
    kuang.style.top='-20%'
    kuang.style.left='80%'

kuang.style.width = `${x.width/4.5}px`
kuang.style.height = `${x.height/12}px`

custom.children[1].appendChild(kuang)

var kuang = document.createElement('div')

    kuang.style.position = 'absolute'
    kuang.style.top='-20%'
    kuang.style.left='80%'
    
kuang.style.width = `${x.width/4.5}px`
kuang.style.height = `${x.height/12}px`

custom.children[2].appendChild(kuang)

var kuang = document.createElement('div')

    kuang.style.position = 'absolute'
    kuang.style.top='-20%'
    kuang.style.left='80%'
    
kuang.style.width = `${x.width/4.5}px`
kuang.style.height = `${x.height/12}px`

custom.children[3].appendChild(kuang)

var kuang = document.createElement('div')

    kuang.style.position = 'absolute'
    kuang.style.top='-20%'
    kuang.style.left='80%'
    
kuang.style.width = `${x.width/4.5}px`
kuang.style.height = `${x.height/12}px`

custom.children[4].appendChild(kuang)
// ********************


function table_food(i,food){
    // 传入对应的框编号及菜品名称来显示小菜品框
    let newdiv = document.createElement('div')
    newdiv.style.width = '100%'
    newdiv.style.height = '30%'
    newdiv.style.marginTop = '2%'
    newdiv.style.textAlign = 'center'
    newdiv.style.backgroundColor = 'blue'
    newdiv.style.lineHeight = `${x.height/50}px`
    newdiv.style.color = 'white'
    newdiv.innerHTML = food
    
    show_info_custom[i].appendChild(newdiv)
}


// 对添加框进行全局存储，以便调用
var show_info_custom = []
    show_info_custom.push(custom.children[1].children[0])
    show_info_custom.push(custom.children[2].children[0])
    show_info_custom.push(custom.children[3].children[0])
    show_info_custom.push(custom.children[4].children[0])
    console.log(show_info_custom)